<div class="wrprPopPOS wrprPopLogOut">
    <div class="wrpOutPopPOS wrpOutPopLogOut clBg3">
        <div class="lgLO">
            <span class="icoPOS icoLO"></span>
        </div>
        <div class="txtPopPOS fs11 clTxtPOSB">Are you sure you want to log out?</div>
        <button class="btnPOSW btnLOY fs09">YES</button>
        <button class="btnPOSB btnLON fs09">NO</button>
    </div>
</div>
<div class="wrprPopPOS wrprPopSpc">
    <div class="wrpOutPopPOS wrpOutPopSpc clBg3">
        <div class="hdPopSpc clBd2 bdBtm">
            <div class="wrprHdPopSale clearfix">
                <div class="wrpOutHdPopSale">
                    <div class="ttlPopSale">
                        <span class="clTxtPOSB fs11">Special</span>
                    </div>
                </div>
                <div class="wrpInBtnHdSale">
                    <button class="btnPOSW btnCncl fs05">CANCEL</button>
                    <button onclick="savecreditdataall()" class="btnPOSB btnSve fs09">SAVE</button>
                </div>
            </div>
        </div>
        <div class="bdPopPOS bdPopSpc">
            <div class="wrprBdPopSpc">
                <div class="wrpOutBdPopSpc">
                    <div class="wrpInBdPopSpc">
                        <div class="wrpBdPopSpc clearfix">
                            <div class="wrpSpcType">
                                <button onclick="changespecialstatus(1)" class="specialbtn btnPOSC btnSpcType fs05 spcTg">Special</button>
                                <button onclick="changespecialstatus(2)" class="topupcreditbtn btnPOSC btnSpcType fs05">Top Up Credit</button>
                            </div>
                        </div>
                        <div class="wrpBdPopSpc clearfix">
                            <div class="wrnLS wls20">
                                
                            </div>
                            <div class="wrpHdBdPopSpc">
                                <span class="clTxtPOSB fs05">Name</span>
                            </div>
                            <div class="wrpBdBdPopSpc clearfix">
                                <input type="text" name="namecredit" class="clBg4 clTxtPOSB fs04">
                            </div>
                        </div>
                        <div class="wrpBdPopSpc clearfix numofcredit2" style="display: none;">
                            <div class="wrnLS wls20">
                             <!--   <div class="errLS clErrBg">
                                    <span class="ico icoErr"></span>
                                </div>
                                <span class="spnErrLS clErrTxt fs02">This field is required.</span>-->
                            </div>
                            <div class="wrpHdBdPopSpc">
                                <span class="clTxtPOSB inpSpcPrc fs05">Number of Credit</span>
                            </div>
                            <div class="wrpBdBdPopSpc clearfix">
                                <input type="text" name="numcredit" class="inpSpcPrc NumOfCredit clBg4 clTxtPOSB fs04" readonly>
                            </div>
                        </div>
                        <div class="wrpBdPopSpc clearfix">
                          <div class="wrnLS wls20">
                               <!--   <div class="errLS clErrBg">
                                    <span class="ico icoErr"></span>
                                </div>
                                <span class="spnErrLS clErrTxt fs02">This field is required.</span>-->
                            </div>
                            <div class="wrpHdBdPopSpc">
                                <span class="clTxtPOSB inpSpcPrc fs05">Price (Baht)</span>
                            </div>
                            <div class="wrpBdBdPopSpc clearfix">
                                <button onclick="changesignstatus(1)" class="increpossign btnPOSC btnSpcSign fs05 spcSignTg">+</button>
                                <button onclick="changesignstatus(2)" class="minuspossign btnPOSC btnSpcSign fs05">-</button>
                                <input type="text" name="pricecredit" class="inpSpcPrc inpSpcPrcSign PriceOfCredit clBg4 clTxtPOSB fs04" readonly>
                            </div>
                        </div>
                        <div class="wrpBdPopSpc clearfix">
                            <div class="wrpHdBdPopSpc">
                                <span class="clTxtPOSB fs05">Note</span>
                            </div>
                            <div class="wrpBdBdPopSpc clearfix">
                                <textarea name="notecredit" class="clBg4 clTxtPOSB fs04"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrpInBtnBdSaleLst">
                    <button onclick="removethisspecial()" class="btnPOSW btnRmvItm fs05">Remove This Special</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="wrprPopPOS wrprPopPay">
    <div class="wrpOutPopPOS wrpOutPopPay clBg3">
        <div class="hdPopPay clBd2 bdBtm">
            <div class="wrprHdPopSale clearfix">
                <div class="wrpOutHdPopSale">
                    <div class="ttlPopSale">
                        <span class="clTxtPOSB fs11">Total 840 Baht</span>
                    </div>
                </div>
                <div class="wrpInBtnHdSale">
                    <button onclick="$('.wrprPopPOS.wrprPopPay').fadeOut()" class="btnPOSW btnCncl fs05">CANCEL</button>
                    <button onclick="saveorderalldata()" class="btnPOSB btnSve fs09">SAVE</button>
                </div>
            </div>
        </div>
        
        <div class="bdPopPOS bdPopPay">
            <div class="wrprBdPopPay">
                <div class="wrpOutBdPopPay">
                    <div class="wrpInBdPopPay clearfix">
                        <div class="wrpBdPopPay bdPopQstRcpPay">
                            <div class="wrprQstPopPay">
                                <div class="wrpQstPopPay">
                                    <div class="hdQstPopPay clBg1 clearfix">
                                        <span class="icoPOS icoQst"></span>
                                        <span class="clTxtPOSB fs04">Questionnaire</span>
                                    </div>
                                    <div class="bdQstPopPay">
                                        <div class="wrpInBdPopQst">
                                            <div class="wrnLS wls11">
                                               <!-- <div class="errLS clErrBg">
                                                    <span class="ico icoErr"></span>
                                                </div>
                                                <span class="spnErrLS clErrTxt fs02">Please answer all questions.</span>-->
                                            </div>
                                            
                                            <div class="wrpBdPopQst clearfix">
                                                <div class="wrpHdBdPopQst">
                                                    <span class="clTxtPOSB fs05">Guest Name</span>
                                                </div>
                                                <div class="wrpBdBdPopQst clearfix">
                                                  <input type="text" name="guestname" class="clBg4  fs04" value="" placeholder="Guest Name">
                                                </div>
                                            </div>
                                            
                                            <div class="wrpBdPopQst clearfix">
                                                <div class="wrpHdBdPopQst">
                                                    <span class="clTxtPOSB fs05">Gender</span>
                                                </div>
                                                <div class="wrpBdBdPopQst clearfix">
                                                    <div title="1" class="wrpInBdBdPopQst popQst1 clBg4 clBd1 bdFull ansq1">
                                                        <span class="clTxtPOSB fs05">Male</span>
                                                    </div>
                                                    <div title="2" class="wrpInBdBdPopQst popQst1 clBg4 clBd1 bdFull ansq1">
                                                        <span class="clTxtPOSB fs05">Female</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wrpBdPopQst clearfix">
                                                <div class="wrpHdBdPopQst">
                                                    <span class="clTxtPOSB fs05">Age</span>
                                                </div>
                                                <div class="wrpBdBdPopQst clearfix">
                                                    <div  title="1" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                                        <span class="clTxtPOSB fs05">Kid</span>
                                                    </div> 
                                                    <div title="2" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                                        <span class="clTxtPOSB fs05">Teen</span>
                                                    </div>
                                                    <div title="3" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                                        <span class="clTxtPOSB fs05">Adult</span>
                                                    </div>
                                                    <div title="4" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                                        <span class="clTxtPOSB fs05">Old</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="wrpBdPopPay bdPopCashPay" >
                            <div class="wrprCashPopPay">
                                <div class="wrpCashPopPay">
                                    <div class="hdQstPopPay clBg1 clearfix">
                                        <span class="icoPOS icoQst"></span>
                                        <span class="clTxtPOSB fs04">Payment</span>
                                    </div>
                                    <div class="cashPopPay">
                                        <span class="clTxtPOSB fs05">Cash (Baht)</span>
                                        <input type="text" class="inpCsh clBg4 clTxt3 fs04" readonly>
                                    </div>
                                    <div class="chngPopPay">
                                        <span class="clTxtPOSB fs05">Change (Baht)</span>
                                        <span class="clTxt3 fs11 clBd2 bdFull">0</span>                                            
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wrprRcpPopPay">
                        <div class="wrpRcpPopPay">
                            <div class="bdRcpPopPay clearfix">
                                <div class="bdOutRcpPopPay">
                                    <div class="bdInRcpPopPay">
                                        <div class="spnRcpPopPay">
                                            <span class="clTxtPOSB fs09">Receipt</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="bdOutRcpPopPay">
                                    <div class="bdInRcpPopPay clearfix">
                                        <input type="text" class="clBg4 clTxtPOSB fs04" placeholder="Email">
                                        <button class="btnPOSC btnSnd fs05">SEND</button>
                                    </div>
                                </div>
                                <div class="bdOutRcpPopPay">
                                    <div class="bdInRcpPopPay clearfix">
                                        <button class="btnPOSB btnPrnt fs05">
                                            <span class="icoPOS icoPrnt"></span>
                                            <span>PRINT</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="wrprPopPOS wrprPopSaleCtm">
    <div class="wrpOutPopPOS wrpOutPopSaleCtm clBg3">
        <div class="hdPopSaleCtm clBd2 bdBtm">
            <div class="wrprHdPopSale clearfix">
                <div class="wrpOutHdPopSale">
                    <div class="wrpInHdPopSaleCtm clearfix">
                        <div class="wrpHdPopSaleCtm">
                            <img src="/img/dfthmbuser.jpg" alt="img">
                            <div class="wrpCtmName">
                                <div class="wrpInCtmName">
                                    <div class="ctmName">
                                        <span class="clTxtPOSB fs09 cutTxt">Guest</span>
                                    </div>
                                   <!-- <div class="ctmCred">
                                        <span class="clTxtPOSB fs03">1,500 Credit</span>
                                    </div>
                                    <div class="ctmRoute clearfix">
                                        <span class="icoPOS icoCtmRoute icoCtmRoute10"></span>
                                        <span class="lctRoute clTxtPOSB cutTxt fs03">Lad Phrao - Huai Whwang</span>
                                    </div>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrpInBtnHdSale">
                    <button onclick="$('.wrprPopPOS.wrprPopSaleCtm').fadeOut()" class="btnPOSW btnCncl fs05">CANCEL</button>
                    <button onclick="savedatamembertemp()" class="btnPOSB btnSve fs09">SAVE</button>
                </div>
            </div>
        </div>
        <div class="bdPopPOS bdPopSaleCtm">
            <div class="wrprBdPopSaleCtm clearfix">
                <div class="wrpOutBdPopSaleCtm">
                    <div class="wrpInBdPopSaleCtm clearfix">
                        <div class="hdBdPopSaleCtm clBg1">
                                <span class="clTxtPOSB fs04">Member Zone</span>
                            </div>
                        <div class="wrpBdPopSaleCtm wrpNamePopSaleCtm">
                            <div class="wrpInNamePopSaleCtm clearfix">
                                <span class="clTxtPOSB fs04">Username / Email / Phone</span>
                                <div class="wrnLS wls10">
                                  <!--   <div class="errLS clErrBg">
                                        <span class="ico icoErr"></span>
                                    </div>
                                   <span class="spnErrLS clErrTxt fs02">Not Found</span>-->
                                </div>
                                <input name="membercheck" id="membercheck" type="text" class="clBg4 clTxtPOSB fs04">
                                <button onclick="checkuseraddmember()" class="btnPOSC btnOkCtm fs05">OK</button>
                            </div>
                        </div>
                        <div class="wrpBdPopSaleCtm wrpQRPopSaleCtm">
                            <div class="wrprQr clBd2 bdFull">
                                <div class="wrpFrntQr clBg2">
                                    <div class="txtFrntQr">
                                        <span class="txtQr boldGen">QR Code</span>
                                    </div>
                                    <div class="btnFrntQr">
                                        <button class="btnPOSB btnScn fs09">Touch For Scan</button>
                                    </div>
                                </div>
                                <div class="wrpBckQr">
                                    <div class="wrpBckQrCncl">
                                        <div class="wrpInBckQrCncl">
                                            <button class="btnPOSW btnCnclQr fs05">CLOSE</button>
                                        </div>
                                    </div>
                                    <div class="wrpInBckQr"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrpInBtnBdSaleCtm">
                    <button class="btnPOSW btnRmvMem fs05" onclick="clearmemberdata()">Clear Member</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="wrprPopPOS wrprPopMem">
    <div class="wrpOutPopPOS wrpOutPopSaleCtm clBg3">
        <div class="hdPopSaleCtm clBd2 bdBtm">
            <div class="wrprHdPopSale clearfix">
                <div class="wrpOutHdPopSale">
                    <div class="wrpInHdPopSaleCtm clearfix">
                        <div class="wrpHdPopSaleCtm">
                            <img class="imgsetmem" src="img/user1.jpg" alt="img">
                            <div class="wrpCtmName">
                                <div class="wrpInCtmName">
                                    <div class="ctmName">
                                        <span class="clTxtPOSB fs09 cutTxt">Alexandra Alexander</span>
                                    </div>
                                    <div class="ctmCred">
                                        <span class="clTxtPOSB fs03">1,500 Credit</span>
                                    </div>
                                    <div class="ctmRoute clearfix">
                                        <span class="icoPOS icoCtmRoute icoCtmRoute10"></span>
                                        <span class="lctRoute clTxtPOSB cutTxt fs03">Lad Phrao - Huai Whwang</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrpInBtnHdSale">
                    <button class="btnPOSW btnCncl fs05">CANCEL</button>
                    <button class="btnPOSB btnSve fs09">SAVE</button>
                </div>
            </div>
        </div>
        <div class="bdPopPOS bdPopSaleCtm" >
            <div class="wrprBdPopSaleCtm clearfix">
                <div class="wrpHdPopMem">
                    <button class="btnPOSC btnMemPop fs05 tgMemPop" onclick="openinfomation()">Information</button>
                    <button class="btnPOSC btnMemPop fs05" onclick="openorderhistory()">Order History</button>
                </div>
                <div class="wrpBdPopMem">
                    <div class="bdPopMem wrprInfPopMem forminformationpop">
                        <div class="wrpInfPopMem">
                            <div class="infPopMem bioPopMem">
                                <div class="lstPopMem clearfix">
                                    <div class="hdLstPopMem">
                                        <span class="fs04">Date of Birth</span>
                                    </div>
                                    <div class="bdLstPopMem">
                                        <span class="clTxtPOSB fs03 bdaysetmem">01/01/2000</span>
                                    </div>
                                </div>
                                <div class="lstPopMem clearfix">
                                    <div class="hdLstPopMem">
                                        <span class="fs04">Gender</span>
                                    </div>
                                    <div class="bdLstPopMem">
                                        <span class="clTxtPOSB fs03 gensetmem">male</span>
                                    </div>
                                </div>
                                <div class="lstPopMem clearfix">
                                    <div class="hdLstPopMem">
                                        <span class="fs04">Age</span>
                                    </div>
                                    <div class="bdLstPopMem">
                                        <span class="clTxtPOSB fs03 agesetmem">Teen</span>
                                    </div>
                                </div>
                            </div>
                            <div class="infPopMem ctcPopMen">
                                <div class="lstPopMem clearfix">
                                    <div class="hdLstPopMem">
                                        <span class="fs04">Tel</span>
                                    </div>
                                    <div class="bdLstPopMem">
                                        <span class="clTxtPOSB fs03 telsetmem">088-888-8888</span>
                                    </div>
                                </div>
                                <div class="lstPopMem clearfix">
                                    <div class="hdLstPopMem">
                                        <span class="fs04">Email</span>
                                    </div>
                                    <div class="bdLstPopMem">
                                        <span class="clTxtPOSB fs03 emailsetmem">aaa@mail.com</span>
                                    </div>
                                </div>
                            </div>
                            <div class="infPopMem adrsPopMem">
                                <div class="lstPopMem clearfix">
                                    <div class="hdLstPopMem">
                                        <span class="fs04">Address</span>
                                    </div>
                                    <div class="bdLstPopMem">
                                        <span class="clTxtPOSB fs03 addresssetmem">D98 Sathorn Soi 12, North Sathorn Road, Silom, Bangrak, Bangkok, Thailand 10500</span>
                                    </div>
                                </div>
                                <div class="lstPopMem clearfix">
                                    <div class="hdLstPopMem">
                                        <span class="fs04">Map</span>
                                    </div>
                                    <div class="bdLstPopMem">
                                        <div class="mapPopMem clBd2 bdFull">
                                            <div class="mapMem">
                                                <!-- Map Here -->
                                            </div>
                                            <div class="wrpBckMapRgt">
                                               <!--<div class="wrpInBckMapRgt">
                                                   <span class="icoPOS icoMapRgt"></span>
                                               </div>-->
                                           </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="wrpEdPopMem">
                            <button class="btnPOSW btnEdMem fs05">Edit Information</button>
                        </div>
                    </div>
                    <div class="bdPopMem formorderhispop" style="display: none;">
                        <div class="wrpHtrPopMem">
                            <div class="htrPopMem">
                                <div class="hdHtrPopMem clBg1">
                                    <div class="hdInHtrPopMem clearfix">
                                        <div class="hdHtrMem colDate">
                                            <span class="clTxtPOSB fs04">Date</span>
                                        </div>
                                        <div class="hdHtrMem colPd">
                                            <span class="clTxtPOSB fs04">Order ID / Product</span>
                                        </div>
                                        <div class="hdHtrMem colPrc">
                                            <span class="clTxtPOSB fs04">Price(Baht)</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="bdHtrPopMem">
                                    <div id="pagepopmem"></div>
                                    <div class="wrprPgPopPOS">
                                        <div class="wrpPgPOS clearfix">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="wrprPopPOS wrprPopQst">
    <div class="wrpOutPopPOS wrpOutPopQst clBg3">
        <div class="hdPopQst clBd2 bdBtm">
            <div class="wrprHdPopSale clearfix">
                <div class="wrpOutHdPopSale">
                    <div class="ttlPopSale">
                        <span class="clTxtPOSB fs11">Questionnaire</span>
                    </div>
                </div>
                <div class="wrpInBtnHdSale">
                    <button class="btnPOSW btnCncl fs05">CANCEL</button>
                    <button class="btnPOSB btnSve fs09" onclick="savequestionrowdata()">SAVE</button>
                </div>
            </div>
        </div>
        <div class="bdPopPOS bdPopQst">
            <div class="wrprBdPopQst">
                <div class="wrpOutBdPopQst">
                    <div class="wrpInBdPopQst">
                        <div class="wrnLS wls11">
                        <!--    <div class="errLS clErrBg">
                                <span class="ico icoErr"></span>
                            </div>
                            <span class="spnErrLS clErrTxt fs02">Please answer all questions.</span>-->
                        </div>
                        
                        <div class="wrpBdPopQst clearfix">
                            <div class="wrpHdBdPopQst">
                                <span class="clTxtPOSB fs05">Guest Name</span>
                            </div>
                            <div class="wrpBdBdPopQst clearfix">
                            <input type="text" name="guestname" class="clBg4  fs04" value="" placeholder="Guest Name">
                            </div>
                        </div>
                        
                        <div class="wrpBdPopQst clearfix">
                            <div class="wrpHdBdPopQst">
                                <span class="clTxtPOSB fs05">Gender</span>
                            </div>
                            <div class="wrpBdBdPopQst clearfix">
                                <div  title="1"  class="wrpInBdBdPopQst popQst1 clBg4 clBd1 bdFull ansq1">
                                    <span class="clTxtPOSB fs05">Male</span>
                                </div>
                                <div title="2" class="wrpInBdBdPopQst popQst1 clBg4 clBd1 bdFull ansq1">
                                    <span class="clTxtPOSB fs05">Female</span>
                                </div>
                            </div>
                        </div>
                        <div class="wrpBdPopQst clearfix">
                            <div class="wrpHdBdPopQst">
                                <span class="clTxtPOSB fs05">Age</span>
                            </div>
                            <div class="wrpBdBdPopQst clearfix">
                                <div title="1" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                    <span class="clTxtPOSB fs05">Kid</span>
                                </div>
                                <div title="2" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                    <span class="clTxtPOSB fs05">Teen</span>
                                </div>
                                <div title="3" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                    <span class="clTxtPOSB fs05">Adult</span>
                                </div>
                                <div title="4" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                    <span class="clTxtPOSB fs05">Old</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="wrprPopPOS wrprPopGuest">
    <div class="wrpOutPopPOS wrpOutPopQst clBg3">
        <div class="hdPopQst clBd2 bdBtm">
            <div class="wrprHdPopSale clearfix">
                <div class="wrpOutHdPopSale">
                    <div class="ttlPopSale">
                        <span class="clTxtPOSB fs11">Questionnaire</span>
                    </div>
                </div>
                <div class="wrpInBtnHdSale">
                    <button class="btnPOSW btnCncl fs05" onclick="$('.wrprPopGuest').fadeOut()">CANCEL</button>
                    <button class="btnPOSB btnSve fs09" onclick="saveorderalldata(1)">SAVE</button>
                </div>
            </div>
        </div>
        <div class="bdPopPOS bdPopQst">
            <div class="wrprBdPopQst">
                <div class="wrpOutBdPopQst">
                    <div class="wrpInBdPopQst">
                        <div class="wrnLS wls11">
                        <!--    <div class="errLS clErrBg">
                                <span class="ico icoErr"></span>
                            </div>
                            <span class="spnErrLS clErrTxt fs02">Please answer all questions.</span>-->
                        </div>
                        
                        <div class="wrpBdPopQst clearfix">
                            <div class="wrpHdBdPopQst">
                                <span class="clTxtPOSB fs05">Guest Name</span>
                            </div>
                            <div class="wrpBdBdPopQst clearfix">
                            <input type="text" name="guestname" class="clBg4  fs04" value="" placeholder="Guest Name">
                            </div>
                        </div>
                        

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




<div class="wrprPopPOS wrprPopSaleLst">
    <div class="wrpOutPopPOS wrpOutPopSaleLst clBg3">
        <div class="hdPopSaleLst clBd2 bdBtm">
            <div class="wrprHdPopSale clearfix">
                <div class="wrpOutHdPopSale">
                    <div class="wrpInHdPopSaleLst clearfix">
                        <div class="statItmPopSaleLst">
                            <span class="stateItm state2"></span>
                        </div>
                        <div class="imgItmPopSaleLst">
                            <img src="img/menu/caffemisto.jpeg" alt="">
                        </div>
                        <div class="ttlItmPopSaleLst">
                            <span class="clTxtPOSB fs09">Caffe Misto</span>
                            <span class="clTxtPOSB fs05">120 Baht</span>
                        </div>
                    </div>
                </div>
                <div class="wrpInBtnHdSale">
                    <button class="btnPOSW btnCncl fs05">CANCEL</button>
                    <button class="btnPOSB btnSve fs09" onclick="savetempproduct()">SAVE</button>
                </div>
            </div>
        </div>
        <div class="bdPopPOS bdPopSaleLst">
            <div class="wrprBdPopSaleLst clearfix">
                <div class="wrpOutBdPopSaleLst">
                    <div class="wrpInBdPopSaleLst clearfix">
                        <div class="wrpBdPopSaleLst clBd2 bdFull wrpNotePopSaleLst">
                            <div class="wrpHdBdPopSaleLst clBd2 bdBtm clBg1">
                                <span class="clTxtPOSB fs02">Note</span>
                            </div>
                            <div class="wrpBdBdPopSaleLst clBg4">
                                <div class="notePopSaleLst">
                                    <textarea class="clBg4 clTxtPOSB fs04"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="wrpBdPopSaleLst clBd2 bdFull wrpQttPopSaleLst">
                            <div class="wrpHdBdPopSaleLst clBd2 bdBtm clBg1">
                                <span class="clTxtPOSB fs02">Quantity</span>
                            </div>
                            <div class="wrpBdBdPopSaleLst clBg4">
                                <div class="qttPopSaleLst">
                                    <div class="plsQtt clBg4 clBd2 bdBtm" onclick="increproduct()">
                                        <span class="icoPOS icoPlusQtt"></span>
                                    </div>
                                    <div class="qttSale clBg5 clBd2 bdBtm">
                                        <span class="clTxtPOSB fs11">1</span>
                                    </div>
                                    <div class="minQtt clBg4" onclick="decreproduct()">
                                        <span class="icoPOS icoMinQtt"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrpInBtnBdSaleLst">
                    <button class="btnPOSW btnRmvItm fs05" onclick="removetempproduct()">Remove Item</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="feature1" class="wrprPopPOS wrprPopRgt">
    <div class="wrpOutPopPOS wrpOutPopRgt clBg3">
        <div class="hdPopRgt clBd2 bdBtm">
            <div class="wrprHdPopSale clearfix">
                <div class="wrpOutHdPopSale">
                    <div class="ttlPopSale">
                        <span class="clTxtPOSB fs11">Member Registration</span>
                    </div>
                </div>
                <div class="wrpInBtnHdSale">
                    <button onclick="$('.wrprPopRgt').fadeOut()" class="btnPOSW btnCncl fs05">CANCEL</button>
                    <button onclick="saveregistermember()" class="btnPOSB btnSve fs09">SAVE</button>
                </div>
            </div>
        </div>
        <div class="bdPopPOS bdPopRgt">
            <div class="wrprBdPopRgt">
                <div class="wrpOutBdPopRgt">
                    <div class="wrpInBdPopRgt">
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">User Photo</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <div class="usrImgRgtPOS">
                                    <div class="wrpInUserImgRgt clearfix">
                                        <div class="wrpUsrImgRgt clBg4 clBd2 bdFull">
                                            <div id="rowuserupload" class="wrpInUsrImgRgt ">

                                                <img  src="/img/dfthmbuser.jpg" alt="img">
                                                <div class="wrpUlFile"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="wrnLS wls12">
                        <!--    <div class="errLS clErrBg">
                                <span class="ico icoErr"></span>
                            </div>
                            <span class="spnErrLS clErrTxt fs02">Username is required.</span>-->
                        </div>
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">Username</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <input id="re-username" type="text" class="clBg4 clTxtPOSB fs04">
                            </div>
                        </div>
                        <div class="wrnLS wls12">
                          <!--  <div class="errLS clErrBg">
                                <span class="ico icoErr"></span>
                            </div>
                            <span class="spnErrLS clErrTxt fs02">Telephone is required.</span>-->
                        </div>
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">Tel</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <input id="re-tel" type="text" class="clBg4 clTxtPOSB fs04">
                            </div>
                        </div>
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">Email</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <input id="re-email" type="text" class="clBg4 clTxtPOSB fs04">
                            </div>
                        </div>
                        
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">Birthday</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <input id="re-birthday" type="text" class="clBg4 clTxtPOSB fs04">
                            </div>
                        </div>
                        
                        
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">Province</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <select id="re-proid" onchange="getdistrict('#re-disid','#re-tumid',$('#re-proid').val())" >
                                <option value="">Please Select Province</option>
                                <?if(count($data['province'])){
                                   foreach($data['province'] as $keypro=> $valueprovince)
                                   {
                                ?>
                                  <option value="<?=$keypro?>"><?=$valueprovince?></option>
                                <?
                                   }
                                }?>
                                </select>
                            </div>
                        </div>
                        
                        
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">District</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">

                                <select id="re-disid" onchange="gettumbon('#re-tumid',$('#re-disid').val())"  >
                                <option value="">Please Select District</option>
                                
                                </select>
                            </div>
                        </div>
                        
                        
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">Tumbon</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <select id="re-tumid" >
                                <option value="">Please Select Tumbon</option>
                                
                                </select>
                                
                            </div>
                        </div>

                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">Address</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <textarea id="re-address" class="clBg4 clTxtPOSB fs04"></textarea>
                            </div>
                        </div>
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopRgt">
                                <span class="clTxtPOSB fs05">Map</span>
                            </div>
                            <div class="wrpBdBdPopRgt clearfix">
                                <div class="mapRgtPOS clBg4 clBd2 bdFull">
                                   <div class="wrpFrntMapRgt">
                                        <div class="wrpInFrntMapRgt clearfix">
                                            <div class="spnFrntMapRgt">
                                                <div class="spnInFrntMapRgt clearfix">
                                                    <span class="clBg1 clTxtPOSB fs04">Location</span>
                                                    <span class="triLct"></span>
                                                </div>
                                            </div>
                                            <input name="detail[]" id="re-detail" type="text" class="clBg3 clTxtPOSB fs04">
                                            <button class="btnPOSB btnSchLct fs05">
                                                <span class="icoPOS icoSchLct"></span>
                                            </button>
                                        </div>
                                   </div>
                                   <div class="wrpMdlMapRgt">
                                       <input type="hidden" id="re-lat" value="" name="lat[]" >
                                       <input type="hidden" id="re-lng" value="" name="lng[]" >
                                        <div class="wrpInMdlMapRgt mapdata">
                                             <!-- MAP HERE -->
                                        </div>
                                   </div>
                                   <div class="wrpBckMapRgt">
                                       <div class="wrpInBckMapRgt">
                                           <span class="icoPOS icoMapRgt"></span>
                                       </div>
                                   </div>
                                </div>
                            </div>
                        </div>
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopQst">
                                <span class="clTxtPOSB fs05">Gender</span>
                            </div>
                            <div class="wrpBdBdPopQst clearfix">
                                <div title="1" class="wrpInBdBdPopQst popQst1 clBg4 clBd1 bdFull ansq1">
                                    <span class="clTxtPOSB fs05">Male</span>
                                </div>
                                <div title="2" class="wrpInBdBdPopQst popQst1 clBg4 clBd1 bdFull ansq1">
                                    <span class="clTxtPOSB fs05">Female</span>
                                </div>
                            </div>
                        </div>
                        <div class="wrpBdPopRgt clearfix">
                            <div class="wrpHdBdPopQst">
                                <span class="clTxtPOSB fs05">Age</span>
                            </div>
                            <div class="wrpBdBdPopQst clearfix">
                                <div title="1" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                    <span class="clTxtPOSB fs05">Kid</span>
                                </div>
                                <div title="2" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                    <span class="clTxtPOSB fs05">Teen</span>
                                </div>
                                <div title="3" class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                    <span class="clTxtPOSB fs05">Adult</span>
                                </div>
                                <div title="4"class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull ansq2">
                                    <span class="clTxtPOSB fs05">Old</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>                        
</div>
<div class="ovlTkPt popTkPt">
    <div class="wrprTkPt clBg5">
        <div class="wrpOutTkPt">
            <div class="wrpInTkPt">
                <div class="wrpBtnClsPt clearfix">
                    <span class="clTxtPOSB fs09">Take Photo</span>
                    <button class="btnPOSW btnClsPt fs07">
                        <span class="icoPOS icoClsPt"></span>
                    </button>
                </div>
                <div class="wrpFtFrme clBg4">
                    <div class="ftFrme"></div>
                </div>
                <div class="wrpBtnTkPt">
                    <button class="btnPOSW btnTsh fs07">
                        <span class="icoPOS icoTsh"></span>
                    </button>
                    <button class="btnPOSB btnTkPt fs07">
                        <span class="icoPOS icoCmr"></span>
                    </button>
                    <button class="btnPOSW btnUsePt fs07">
                        <span class="icoPOS icoUsePt"></span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="ovlTkPt popActOrdPopPOS">
    <div class="wrprActOrdPopPOS clBg5">
        <div class="wrpOutActOrdPopPOS">
            <div class="wrpInActOrdPopPOS">
                <div class="wrpBtnClsPt clearfix">
                    <span class="clTxtPOSB fs09">Order No : ABC123456</span>
                    <button class="btnPOSW btnClsPt fs07">
                        <span class="icoPOS icoClsPt"></span>
                    </button>
                </div>
                <div class="wrpBtnActOrdPopPOS">
                    <button class="btnPOSW btnAddMore fs07">Add More Item</button>
                    <button class="btnPOSW btnPayOrd fs07">Pay for This Order</button>
                    <button class="btnPOSW btnCnclOrd fs07">Cancel This Order</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="ovlTkPt mnPopCpAv">
    <div class="miniPopPOS">
        <div class="wrpMiniPopPOS">
            <div class="wrpInMiniPopPOS">
                <div class="txtPopPOS clTxtPOSW">
                    <span class="fs11">Coupon Code Available</span>
                    <span class="fs09"></span>
                    <span class="fs07">Do you want to use it?</span>
                </div>
                <button class="btnPOSW btnLOY fs09" onclick="submitcodepromotion()">YES</button>
                <button class="btnPOSB btnLON fs09" onclick="$('.mnPopCpAv').fadeOut()" >NO</button>
            </div> 
        </div> 
    </div>  
</div>
<div class="ovlTkPt mnPopCpEp">
    <div class="miniPopPOS">
        <div class="wrpMiniPopPOS">
            <div class="wrpInMiniPopPOS">
                <div class="txtPopPOS clTxtPOSW">
                    <span class="fs11">- This coupon code has Expired -</span>
                </div>
                <button class="btnPOSB btnLON fs09" onclick="$('.mnPopCpEp').fadeOut()">OK</button>
            </div> 
        </div> 
    </div>  
</div>
<div class="ovlTkPt mnPopCpWr">
    <div class="miniPopPOS">
        <div class="wrpMiniPopPOS">
            <div class="wrpInMiniPopPOS">
                <div class="txtPopPOS clTxtPOSW">
                    <span class="fs11">- This coupon code is invalid. -</span>
                </div>
                <button class="btnPOSB btnLON fs09">OK</button>
            </div> 
        </div> 
    </div>  
</div>